<template>
  <div>
    <div v-html="test" class="html_output"></div>
  </div>
</template>
<script>
import { marked } from "marked"; // 局部导入marked包

export default {

 
  data() {
    return { test: "test",};
  },
  computed: {},
  watch: {},
  methods: {
    readFile: function () {
      let me = this;
      let url = "/static/test.md"; // 读取本地.md文件
      me.test = marked(
        // 找不到文件则显示一个默认错误，相当于404
        ""
      );
    },
  },
  mounted: function () {
    this.readFile();
  },
};
</script>

<style>
.h1-text {
  text-align: center;
  margin-top: 10px;
}

.html_output {
  line-height: 2 !important;
  font-family: "Lato", sans-serif;
}
</style>
